<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	 <link rel="icon" href="./resources/login.ico">
	<title>照片预览之立体展示</title>
	<link rel="stylesheet" type="text/css" href="../../css/show/demo.css" />
	<link rel="stylesheet" type="text/css" href="../../css/show/style.css">
	<script type="text/javascript" src="../../js/show/modernizr.custom.26633.js"></script>
<!-- 	<noscript>
		<link rel="stylesheet" type="text/css" href="../../css/show/fallback.css" />
	</noscript> -->
</head>
<body>
	<script src="../../jquery/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="../../js/show/jquery.gridrotator.js"></script>
	<script type="text/javascript" src="../../js/show/showPlanePicture.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			 var options 
			 = {
					fileCount : 39,
					filePath : "resources/images/"
			   };
   			$("body").bootDynamicLoadPic(options); 
			$( '#ri-grid' ).gridrotator( {
				rows : 4,
				columns : 8,
				maxStep : 2,
				interval : 2000,
				w1024 : {
					rows : 5,
					columns : 6
				},
				w768 : {
					rows : 5,
					columns : 5
				},
				w480 : {
					rows : 6,
					columns : 4
				},
				w320 : {
					rows : 7,
					columns : 4
				},
				w240 : {
					rows : 7,
					columns : 3
				}
			} );
		});
	</script>
</body>
</html>
<%-- <%
	out.clear();  
	out = pageContext.pushBody(); 
%> --%>